#app {
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-bottom: 50px;
}

#app h1,
#app h2,
#app h3 {
  text-align: center;
  font-weight: 500;
  padding: 30px 0;
}
#app h1{
  font-size: 2.5rem;
}
#app h2{
  font-size: 2rem;
}
#app h5{
  font-size: 1.3rem;
  font-weight: 500;
}


body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
}

#app input, #app select{width: 100%;padding: 10px;border-radius: 5px;}
input[readonly]{background-color: #f2f2f2;cursor: not-allowed;color: #000;color: rgb(56, 56, 105);} 


pre{
  margin: 10px 0;padding: 10px;background-color: #384548;color: #c9c5cb;border-radius: 2px;
  white-space: pre-wrap; 
  word-wrap: break-word; 
  max-width: 100%; 
  overflow-wrap: break-word;
}

#app hr {
	background-color: rgb(230, 229, 229);
	border: none;
	display: block;
	height: 1px;
	margin: 1.5rem 0;
}